/*@import '~antd/dist/antd.css';*/


.card {
    width: 20%;
    margin: 0 auto;
    background-color: #f0f2f5;
    box-shadow: 0px 5px 20px #999;
    border-radius: 25px;

    transition: width 0.2s, height 2s, transform 1s;
    transition-timing-function: ease-in-out ;
    transition-delay: 0.1s;
}

.card:hover {
    width: 25%;
    background-color: snow;
}

.card-body{
    text-align: center;
    padding: 15px 20px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.card-contact-signal-time {
    font-family: 'YaHei Consolas Hybrid';
}
.card-title-province, .card-content, .card-contact-signal-time {
    font-family: 'Playfair Display', serif;
}

.card:hover {
    box-shadow: 0px 1px 30px #999999;
}

/*.card-comment {*/
/*    width: 400px;*/
/*    margin: 0 auto;*/
/*    background-color: #f0f2f5;*/
/*    box-shadow: 0px 5px 20px #999;*/
/*    border-radius: 25px;*/
/*    display: none;*/
/*}*/

.card-comment-class{
        width: 400px;
        margin: 0 auto;
        background-color: #f0f2f5;
        border-radius: 25px;
}

.card-comments {
    width: 30%;
    margin: 0 auto;
    background-color: #f0f2f5;
    box-shadow: 0px 5px 20px dimgrey;
    border-radius: 26px;

    transition: width 0.2s, height 2s, transform 1s;
    transition-timing-function: ease-in-out ;
    transition-delay: 0.1s;
}

.card-comments:hover {
    width: 35%
}